<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<style type="text/css">
			body{
				background:url(img/baby.jpg)no-repeat;
			}
			#login{
				width: 400px;
				height: 300px;
				background-color: whitesmoke;
				border: 1px solid #FFFFFF;
				box-shadow: 10px 10px 10px #888888;
				position: absolute;
				left: 550px;
				top:200px;
				border-radius: 20px;
				padding: 20px 100px 20px 20px;
			}
			form{
				font-size: 20px;
				margin-top: 20px;
				margin-left: 60px;
			}
			input:focus{
				border: 1px solid red;
			}
			input{
				width: 400px;
				height: 30px;
				border:1px solid grey;
				margin-top: 5px;
				margin-bottom: 5px;
				font-size: 14px;
				border-radius: 10px;
				
			}
			button{
				margin-left: 120px;
				margin-top: 10px;
				width: 120px;
				height: 40px;
				border: 1px solid lightblue;
				border-radius: 10px;
				background-color: #256fff;
				color: white;
			}
		</style>
	</head>
	<body>
		<div id="login">
		<img src="img/tubiao.png" style="width: 400px;">
		
		<form>
			<label for="username">用户名</label><br>
			<input type="text" id="username" placeholder="请输入用户名"><br />
			<label for="password">密码</label>
			<input type="password"id="password" placeholder="请输入密码"><br>
			<button>登录</button>
		</form>
		
	</body>
</html>